<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <title>{{siteInfo.title}}{{#if title}} - {{title}}{{/if}}{{#if category}} - {{category.name}}{{/if}}</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="generator" content="NodeJS">
    <meta name="keywords" content="{{#if category}}{{category.keywords}},{{/if}}{{siteInfo.keywords}}">
    <meta name="description" content="{{#if category}}{{category.description}} —— {{/if}}{{siteInfo.description}}">
    <link rel="stylesheet" href="/themes/{{siteInfo.theme}}/assets/css/bootstrap.min.css" />
    <link rel="stylesheet" href="/themes/{{siteInfo.theme}}/assets/css/main.css" />
    <link rel="stylesheet" href="/themes/{{siteInfo.theme}}/assets/css/bootstrapValidator.min.css"/>
    <script src="/themes/{{siteInfo.theme}}/assets/js/jquery-2.2.1.min.js"></script>
    <script src="/themes/{{siteInfo.theme}}/assets/js/bootstrap.min.js"></script>
    <script src="/themes/{{siteInfo.theme}}/assets/js/jquery.md5.js"></script>
    <script src="/themes/{{siteInfo.theme}}/assets/js/bootstrapValidator.min.js"></script>
    <script src="/themes/{{siteInfo.theme}}/assets/js/distpicker.js"></script>
    {{{siteInfo.codeHeader}}}
  </head>
  <body>
    {{> navigation}}
    <div id="myCarousel" class="carousel slide">
      <!-- 轮播（Carousel）指标 -->
      <ol class="carousel-indicators">
        {{#features 'hots'}}
          <li data-target="#myCarousel" data-slide-to="{{@index}}" {{#if @first}}class="active"{{/if}}></li>
        {{/features}}
      </ol>   
      <!-- 轮播（Carousel）项目 -->
      <div class="carousel-inner">
        {{#features 'hots'}}
          <div class="item {{#if @first}}active{{/if}}">
            <img style="width:100%;max-height:300px;" src="{{thumbnail.src}}" alt="{{title}}">
          </div>
        {{/features}}
      </div>
      <!-- 轮播（Carousel）导航 -->
      <a class="carousel-control left" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
      <a class="carousel-control right" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
    </div> 
    <a type="button" href="/wxcode" class="btn btn-default btn-block" style="border-radius:0px;">
      <img style="width:29px;height:20px;margin-right:10px" src="/themes/{{siteInfo.theme}}/assets/img/weixin.png" alt="">
      <span style="color:orange">关注公众号</span>，随时接收互动消息
      <span class="glyphicon glyphicon-chevron-right"></span>
    </a>
    <div style="width:100%;height:10px;background-color:#ccc"></div>
    <div class="page">
      {{{body}}}
    </div>
  </body>
</html>